<!DOCTYPE <!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>List test</title>
</head>

<body>

    <dl>
        <dt>
            <h1>一、不同的有序列表：</h1>

            <ul>
                <li>
                    <h2>编号列表：</h2>
                    <ol>
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ol>
                </li>
                <li>
                    <h2>小写字母排序列表：</h2>
                    <ol type="a">
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ol>
                </li>
                <li>
                    <h2>大写字母排序列表：</h2>
                    <ol type="A">
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ol>
                </li>
                <li>
                    <h2>小写罗马数字排序列表：</h2>
                    <ol type="i">
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ol>
                </li>
                <li>
                    <h2>大写罗马数字排序列表：</h2>
                    <ol type="I">
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ol>
                </li>
            </ul>
        </dt>
        <dt>
            <h1>二、不同的无序列表：</h1>

            <ol>
                <li>
                    <h2>圆点列表：</h2>
                    <ul style="list-style-type:disc">
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ul>
                </li>
                <li>
                    <h2>圆圈列表：</h2>
                    <ul style="list-style-type:circle">
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ul>
                </li>
                <li>
                    <h2>正方形列表：</h2>
                    <ul style="list-style-type:square">
                        <li>Apples</li>
                        <li>Bananas</li>
                        <li>Oranges</li>
                    </ul>
                </li>
            </ol>
        </dt>
    </dl>
</body>

</html>